<template>
  <div class="stal">
    <el-table :data="data" style="width: 100%">
      <el-table-column prop="name" label="价格来源" width="400"></el-table-column>
      <el-table-column prop="bestType" label="低价房型" width="400"></el-table-column>
      <el-table-column prop="price" label="最低价格/每晚"></el-table-column>
    </el-table>
    <span class="dayyi">￥</span>
    <span class="dayer">￥</span>
    <span class="daysan">￥</span>
    <div class="diyi">
      <span>起</span>
      <i class="el-icon-arrow-right"></i>
    </div>
    <div class="dier">
      <span>起</span>
      <i class="el-icon-arrow-right"></i>
    </div>
    <div class="disan">
      <span>起</span>
      <i class="el-icon-arrow-right"></i>
    </div>
  </div>
</template>


<script>
export default {
  props: ["data"],
};
</script>

<style lang="less" scoped>
.stal {
  position: relative;
  .el-table {
    margin: 50px 0 35px 0;
  }
  // /deep/.el-table {
  //   .cell {
  //     color: #909399 !important;
  //   }
  // }
  /deep/ .el-table__row .el-table_1_column_3 {
    .cell {
      color: #ff9900 !important;
      margin-left: 25px;
      font-size: 18px;
      font-weight: 700;
    }
  }
  .dayyi {
    position: absolute;
    top: 59px;
    right: 171px;
    font-size: 18px;
    color: #ff9900;
    font-weight: 700;
  }
  .dayer {
    position: absolute;
    top: 106px;
    right: 171px;
    font-size: 18px;
    color: #ff9900;
    font-weight: 700;
  }
  .daysan {
    position: absolute;
    top: 153px;
    right: 171px;
    font-size: 18px;
    color: #ff9900;
    font-weight: 700;
  }
  .diyi {
    position: absolute;
    top: 60px;
    right: 93px;
    i {
      color: #ff9900;
    }
  }
  .dier {
    position: absolute;
    top: 107px;
    right: 93px;
    i {
      color: #ff9900;
    }
  }
  .disan {
    position: absolute;
    top: 154px;
    right: 93px;
    i {
      color: #ff9900;
    }
  }
}
</style>